<template>
  <div>
    <div class="crumbs">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>
          <i class="el-icon-lx-calendar"></i> 表单
        </el-breadcrumb-item>
        <el-breadcrumb-item>插入表单</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="container">
      <div class="form-box">

        <el-form :inline="true" :inref="form" :model="form" label-width="80px" >

          <el-form-item label="编号">
            <el-input v-model="form.num"></el-input>
          </el-form-item>
          <el-form-item label="月份">
            <el-cascader :options="month" v-model="form.month"></el-cascader>
          </el-form-item>
          <el-form-item label="出勤日数">
            <el-input v-model="form.dat"></el-input>
          </el-form-item>
          <el-form-item label="工伤日数">
            <el-input v-model="form.dwj"></el-input>
          </el-form-item>
          <el-form-item label="产假日数">
            <el-input v-model="form.dml"></el-input>
          </el-form-item>
          <el-form-item label="病假日数">
            <el-input v-model="form.di"></el-input>
          </el-form-item>
          <el-form-item label="旷工日数">
            <el-input v-model="form.dab"></el-input>
          </el-form-item>
          <el-form-item label="事假日数">
            <el-input v-model="form.dl"></el-input>
          </el-form-item>
          <el-form-item label="加班日数">
            <el-input v-model="form.dot"></el-input>
          </el-form-item>
          <el-form-item label="病假系数">
            <el-input v-model="form.injuryrate"></el-input>
          </el-form-item>

          <el-form-item>
            <el-button type="primary" @click="onSubmit">提交数据</el-button>
            <el-button>取消</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'baseform',
  data() {
    return {
      month: [
        {
          value: 'liaoning',
          label: '辽宁',
          children: [
            {
              value: 'shenyang',
              label: '沈阳',


            },
            {
              value: 'dalian',
              label: '大连',

            },
            {
              value: 'anshan',
              label: '鞍山',

            },
            {
              value: 'fushun',
              label: '抚顺',

            },
            {
              value: 'benxi',
              label: '本溪',

            },
            {
              value: 'dandong',
              label: '丹东',

            },
            {
              value: 'jinzhou',
              label: '锦州',

            },
            {
              value: 'yingkou',
              label: '营口',

            },
            {
              value: 'fuxin',
              label: '阜新',

            },
            {
              value: 'liaoyang',
              label: '辽阳',

            },
            {
              value: 'panjin',
              label: '盘锦',

            },
            {
              value: 'tieling',
              label: '铁岭',

            },
            {
              value: 'chaoyang',
              label: '朝阳市',

            },
            {
              value: 'huludao',
              label: '葫芦岛',

            },

          ],

        },

      ],
      form: {
        month :[], //月份
        num: '',  //员工编号
        dat:'', //出勤日数
        dwj:'', //工伤日数
        dml: '', //产假日数
        di: '',// 病假日数
        dab: '', //旷工日数
        dl:'',//事假日数
        dot:'',//加班日数
        injuryrate:'',//病假系数

      }
    };
  },
  methods: {
    onSubmit() {
      this.$message.success('提交成功！');
    }
  }
};
</script>